import { Box, CircularProgress } from "@mui/material";
const Loading = () => (
  <Box
    sx={{
      height: 1,
      display: "flex",
      alignItems: "center",
      justifyContent: "center",
    }}
  >
    <Box
      className="sk-folding-cube"
      sx={{
        ".sk-cube:before": {
          bgcolor: "secondary.main",
        },
      }}
    >
      <Box className="sk-cube1 sk-cube"></Box>
      <Box className="sk-cube2 sk-cube"></Box>
      <Box className="sk-cube4 sk-cube"></Box>
      <Box className="sk-cube3 sk-cube"></Box>
    </Box>
  </Box>
);

export default Loading;
